<template>
  <dv-border-box-8 style="padding: 15px ">
    <dv-decoration-7 style="width:100%;height:30px;">销售排行（TOP8）</dv-decoration-7>
    <dv-capsule-chart :config="config" style="width: 100%;height: 250px"/>
  </dv-border-box-8>

</template>

<script>

export default {
  name: "SaleRanking",
  data() {
    return {
      config: {
        showValue: true,
        unit: "万",
        data: []
      },
    }
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      // 使用静态客户数据
      this.config = {
        ...this.config,
        data: [
          { name: '客户A', value: 280 },
          { name: '客户B', value: 250 },
          { name: '客户C', value: 220 },
          { name: '客户D', value: 200 },
          { name: '客户E', value: 180 },
          { name: '客户F', value: 160 },
          { name: '客户G', value: 150 },
          { name: '客户H', value: 140 }
        ]
      };
    },
  }
}
</script>

<style scoped>

</style>
